<template>
  <div class="mce-content-body mce-content-readonly" v-html="content"></div>
</template>

<script>
export default {
  name: 'html-preview',
  props: {
    content: String,
  },
};
</script>

<style lang="scss" scoped>
@import '~@/assets/scss/tinymce/skins/content/default/content.scss';
@import '~@/assets/scss/tinymce/skins/ui/oxide/content.scss';

.mce-content-body {
  font-size: 15px;
  margin: 16px;
}
</style>
